<!--赵晓莉-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE-edge"/>
    <meta name="viewport" content="width=device-width initial-scale=1"/>
    <title>Title</title>
    <link rel="stylesheet" href="page/department/css/doctorIndex.css">
</head>
<body>
    <div class="doctor-index">
        <div class="title">
            <i class="fa fa-user-circle"></i>
            患者信息统计
        </div>
        <div class="col-md-9 col-no-padding">
            <ul id="user-report">
                <li id="allPatients">
                    <label>患者总数</label>
                    <font></font>
                </li>
                <li>
                    <label>本周活跃</label>
                    <font></font>
                </li>
                <li>
                    <label>本周服务</label>
                    <font></font>
                </li>
                <li>
                    <label>本周新增</label>
                    <font></font>
                </li>
            </ul>
            <div class="user-report-line">
                <label>活跃患者发展趋势（人)</label>
                <div class="pull-right patientTip patientTip1">
                    <span class="on">日活</span>
                    <span >月活</span>
                </div>
                <div  class="report-chart trends1" id="user-report-line-chart" ></div>
            </div>
            <ul id="user-report-catlog">
                <li>
                    <div class="card-head card-head-a">
                        <i class="fa fa-user-circle"></i>
                        <label>科室免费患者</label>
                    </div>
                    <div class="card-body"></div>
                </li>
                <li>
                    <div class="card-head card-head-b">
                        <i class="fa fa-github-alt"></i>
                        <label>高危儿家庭管理</label>
                    </div>
                    <div class="card-body"></div>
                </li>
                <li>
                    <div class="card-head card-head-c">
                        <i class="fa fa-comments"></i>
                        <label>单次咨询患者</label>
                    </div>
                    <div class="card-body"></div>
                </li>
                <li>
                    <div class="card-head card-head-d">
                        <i class="fa fa-file-archive-o"></i>
                        <label>单次解读患者</label>
                    </div>
                    <div class="card-body"></div>
                </li>
            </ul>
        </div>
        <div class="col-md-3 col-no-padding">
            <div class="panel panel-bb-right">
                <div class="panel-heading">
                    <i class="fa fa-tasks"></i>
                    待办任务
                    <span class="badge">0</span>
                    <a href="" class="pull-right">查看更多<span class="caret"></span></a>
                </div>
                <ul class="panel-body-list">
                    <li class="pannel-body-null">
                        <i class="fa fa-inbox" aria-hidden="true"></i>
                        <p class="m-t-10">暂无待办任务</p>
                    </li>
                </ul>
            </div>
            <div class="panel panel-bb-right">
                <div class="panel-heading">
                    <i class="fa fa-info"></i>
                    新加入患者
                    <a href="" class="pull-right">查看更多<span class="caret"></span></a>
                </div>
                <ul class="panel-body-list list" id="newPatient"></ul>
            </div>
        </div>
    </div>
    <div class="doctor-index">
        <div class="title">
            <i class="fa fa-star"></i>
            VIP患者队列
        </div>
        <div class="col-md-9 col-no-padding">
            <ul id="service-report-line">
                <li>
                    <label>已开通患者发展趋势</label>
                    <div class="text-center patientTip circle patientTip2">
                        <span class="on">天</span>
                        <span>月</span>
                    </div>
                    <div class="report-chart trends2" id="openedChart"></div>
                </li>
                <li>
                    <label>使用中患者发展趋势</label>
                    <div class="text-center patientTip circle patientTip3">
                        <span class="on">天</span>
                        <span>月</span>
                    </div>
                    <div class="report-chart trends2" id="usingChart"></div>
                </li>
            </ul>
            <ul id="service-report">
                <li>
                    <div class="card-heading">
                        <i class="fa fa-comments fs-36" aria-hidden="true"></i>在线咨询服务
                    </div>
                    <ul class="card-body" id="onChatting">
                        <li>
                            <label>开通者人数</label>
                            <font></font>
                        </li>
                        <li>
                            <label>使用者人数</label>
                            <font></font>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="card-heading">
                        <i class="fa fa-laptop fs-36" aria-hidden="true"></i>数据在线解析
                    </div>
                    <ul class="card-body" id="onUsing">
                        <li>
                            <label>开通者人数</label>
                            <font></font>
                        </li>
                        <li>
                            <label>使用者人数</label>
                            <font></font>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="col-md-3 col-no-padding">
            <div class="panel panel-bb-right">
                <div class="panel-heading">
                    <i class="fa fa-tasks"></i>
                    服务动态
                    <a href="" class="pull-right">查看更多<span class="caret"></span></a>
                </div>
                <ul class="panel-body-list odd"  id="officeActive"></ul>
            </div>
        </div>
    </div>
    <div class="doctor-index">
        <div class="title">
            <i class="fa fa-file"></i>
            科室宣教统计
        </div>
        <div class="col-md-9 col-no-padding">
            <div id="mission-report-line">
                <label>宣教阅读量（%）</label>
                <div class="text-right patientTip circle patientTip4">
                    <span class="on">天</span>
                    <span>月</span>
                </div>
                <div class="report-chart trends1" id="eduChart"></div>
            </div>
        </div>
        <div class="col-md-3 col-no-padding">
            <div class="panel panel-bb-right">
                <div class="panel-heading">
                    <i class="fa fa-tasks"></i>
                    宣教排行榜
                    <a href="" class="pull-right">查看更多<span class="caret"></span></a>
                </div>
                <ul class="panel-body-list list" id="eduList"></ul>
            </div>
        </div>
    </div>
    <div class="doctor-index">
        <div class="title">
            <i class="fa fa-pie-chart"></i>
            患者监测统计
        </div>
        <div class="col-md-9 col-no-padding">
            <ul id="monitor-report">
                <li>
                    <label>氧饱监测异常占比</label>
                    <div class="report-chart trends3" id="oxygen"></div>
                    <ul>
                        <li>
                            <label>监测次数</label>
                            <font class="total1"></font>
                        </li>
                        <li>
                            <label>异常占比</label>
                            <font class="proportion1"></font>
                        </li>
                    </ul>
                </li>
                <li>
                    <label>脉率监测异常占比</label>
                    <div class="report-chart trends3" id="PR"></div>
                    <ul>
                        <li>
                            <label>监测次数</label>
                            <font class="total2"></font>
                        </li>
                        <li>
                            <label>异常占比</label>
                            <font class="proportion2"></font>
                        </li>
                    </ul>
                </li>
                <li>
                    <label>体温监测异常占比</label>
                    <div class="report-chart trends3" id="tem"></div>
                    <ul>
                        <li>
                            <label>监测次数</label>
                            <font class="total3"></font>
                        </li>
                        <li>
                            <label>异常占比</label>
                            <font class="proportion3"></font>
                        </li>
                    </ul>
                </li>
            </ul>
            <div id="monitor-report-line">
                <label>氧饱脉率&体温监测数</label>
                <div class="text-right patientTip circle patientTip5">
                    <span class="on">天</span>
                    <span>月</span>
                </div>
                <div class="report-chart trends1" id="OTemTrends"></div>
                <div class="text-right">
                    <i class="fa fa-square" aria-hidden="true"></i>&nbsp;温度&nbsp;&nbsp;&nbsp;&nbsp;
                    <i class="fa fa-square" aria-hidden="true" ></i>&nbsp;氧饱脉率&nbsp;&nbsp;
                </div>
            </div>
        </div>
        <div class="col-md-3 col-no-padding">
            <div class="panel panel-bb-right">
                <div class="panel-heading">
                    <i class="fa fa-tasks"></i>
                    患者监测动态
                    <a href="" class="pull-right">查看更多<span class="caret"></span></a>
                </div>
                <ul class="panel-body-list odd" id="patientWatchInfo"></ul>
            </div>
        </div>
    </div>
</body>
<script src='scprit/department/vm/doctorIndex.js'></script>
</html>